@import "../../common/style/var.less";
.circle-list{
  position: relative;
  z-index: 11;
  height: 100%;
}
.item{
  width: 100%;
  padding:10px;
  background:#fff;
  margin-bottom: 5px;
  box-sizing: border-box;
  font-size: @font-size-normal;
  overflow: hidden;
}
.header{
  position: relative;
  height: 50px;
  img.avatar{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    float: left;
  }
  p{
    &.name,&.time{
      float: left;
      width: 280px;
      height: 20px;
      line-height: 20px;
      font-size: @font-size-title;
      color: #000;
      text-indent: 10px;
    }
    &.name{
      margin-top: 5px;
    }
    &.time{
      margin-top: 3px;
      color: @font-assist-b;
      font-size: @font-size-normal;
    }
    &.control{
      position: absolute;
      right: 0;
      width: 20px;
      height: 50px;
      line-height: 50px;
      i{
        display: inline;
        color: #2f2f2f;
      }
    }
  }
}
.text{
  width: 295px;
  float: right;
  color: @font-assist-a;
  margin-top:5px;
  line-height: 150%;
  font-size: @font-size-title;
}
.images{
  width: 295px;
  float: right;
  margin-top: 10px;
  img{
    border-radius: 10px;
    float: left;
  }
  //宽图片
  &.one-long{
    img{
      width: 280px;
      height: 110px;
    }
  }
  //高图片
  &.one-height{
    img{
      width: 140px;
      min-height: 170px;
      max-height:200px;
    }
  }
  //正方形
  &.one-square{
    img{
      width: 200px;
      height:200px;
    }
  }
  &.tow-four{
    img{
      width: 100px;
      height: 100px;
      margin:0 5px 5px 0;
    }
  }
  &.six{
    img{
      width: 90px;
      height: 90px;
      margin:0 5px 5px 0;
    }
  }
}
.stall{
  width: 295px;
  height: 50px;
  float: right;
  margin-top: 10px;
  img.stall-logo{
    width: 50px;
    height: 50px;
    float: left;
  }
  p{
    width: 235px;
    height: 20px;
    float: right;
    &.stall-name{
      line-height: 20px;
      margin-bottom: 5px;
    }
    &.stall-scope{
      width: 235px;
      height: 20px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      color: @font-assist-b;
    }
  }
}
.location{
  width: 295px;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  float: right;
  color: @main-color-b;
  i{
    display: inline;
    float: left;
  }
}
.bottom{
  position: relative;
  width: 295px;
  height: 30px;
  float:right;
  margin-top: 10px;
  color: @font-assist-b;
  p{
    position: absolute;
    width: 70px;
    height: 30px;
    line-height: 30px;
    left:0;
    top:0;
    &.praise{
      left: auto;
      right: 80px;
      .icon-zan{
        color: @main-color-b;
      }
    }
    &.comment{
      left: auto;
      right: 0;
    }
    i{
      display:inline;
      margin-right:5px;
      font-size: 20px;
      float: left;
    }
  }
}
